import styles from './index.less'
const Hooks:React.FC = ()=>{
  return(
    <div className='page-container'>
      <div className='scroll-container'>
        <div className={styles['container']}>
          <h2>自定义Hook</h2>
          <p>官网地址：https://react.docschina.org/docs/hooks-custom.html</p>
          <p>自定义 Hook 必须以 “use” 开头</p>
          <br/>
          <h2>React Hooks库</h2>
          <div className={styles['item']}>
            <h3 className={styles['strong']}>react-use</h3>
            <p>github地址：https://github.com/streamich/react-use</p>
            <p>gitee地址：https://gitee.com/seafront/react-use/tree/master</p>
            <br/>
          </div>
          <div className={styles['item']}>
            <h3 className={styles['strong']}>ahooks</h3>
            <p>官网地址：https://ahooks.js.org/zh-CN/</p>
          </div>
        </div>
      </div>
    </div>
  )
};

export default Hooks;
